let path = require('path')
const themePath = path.join(__dirname, './src/theme.less')
module.exports = {
  // 公共路径
  publicPath: './',
  // 配置webpack http 服务 devServer
  devServer: {
    // 在指定的dist目录开启http服务
    contentBase: path.resolve(__dirname, "dist"),
    // 端口
    port: 8080,
    // 自动打开浏览器
    open: true,
    // 代理服务器地址
    // 数据接口地址：
    // 例如： 
    // 原来访问： http://127.0.0.1:3000/example
    // 现在访问： http://127.0.0.1:8080/api/example
    proxy: {
      //代理api
      '/api': {
        // 代理接口(服务器地址)
        target: 'https://way.jd.com/jisuapi',
        //是否跨域
        changeOrigin: true,
        //重写路径
        pathRewrite: {
          //代理路径
          '^/api': ''
        }
      }
    }
  },
  css: {
    loaderOptions: {
      less: {
        // 若 less-loader 版本小于 6.0，请移除 lessOptions 这一级，直接配置选项。
        modifyVars: {
          // 直接覆盖变量
          // 'nav-bar-background-color': '#007bff',
          // 'text-color': '#fff',
          // 或者可以通过 less 文件覆盖（文件路径为绝对路径）
          hack: `true; @import "${themePath}";`,
        },

      },
    },
  },
}